<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="${pageContext.request.contextPath}/img/icon.ico">
    <title>忘我音乐-${param.musicName}播放</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/musicShow.css">
    <script src="${pageContext.request.contextPath}/js/musicShow.js"></script>

</head>
<body>
<div id="box">
    <div id="top">
        <div id="pic"><img src="${param.musicPic}" alt="图片消失啦"></div>
        <div id="info">
            <ul>
                <li>歌名 <span>${param.musicName}</span></li>
                <li>歌手 <span>${param.singer}</span></li>
                <li>专辑 <span>${param.musicInfo}</span></li>
            </ul>
            <audio src="${pageContext.request.contextPath}/${param.musicPath}" id="musicAudio"></audio>
        </div>
        <div id="playButtons">
            <img src="${pageContext.request.contextPath}/img/previous.png" alt="">
            <img src="${pageContext.request.contextPath}/img/play.png" alt="">
            <img src="${pageContext.request.contextPath}/img/next.png" alt="">
        </div>
        <div id="libretto">
            <strong>暂无歌词</strong>
        </div>
    </div>
</div>
</body>
</html>
